<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>我的资料</title>
		<link rel="stylesheet" href="__STATIC__/Index/css/fk.css" />
		<link rel="stylesheet" href="__STATIC__/Index/css/myOrder.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/success.css" />
		<link rel="stylesheet" type="text/css" href="__STATIC__/Index/css/myInfo.css" />
		<script type="text/javascript" src="__STATIC__/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="__STATIC__/Index/js/list.js"></script>
		<script type="text/javascript">
			 //商品规格ajax地址
			var ajaxUrl = "{|U:'Index/Details/ajaxGetSpec'}";
			 //购物车地址
			var cartUrl = "{|U:'Index/Cart/index'}";
			 //获取购物车ajax地址
			var ajaxCartUrl = "{|U:'Index/Cart/ajaxGetCart'}";
			 //我的购物车ajax地址
			var ajaxMyCartUrl = "{|U:'Index/Details/ajaxMyCart'}";
			var ROOT = "__ROOT__";
		</script>
		<hdjs/>
		<bootstrap/>
	</head>

	<body>
	
		<!--载入公共页面头部区域-->
		<include file="__VIEW__/common/header.html" />
		<!--个人中心区域-->
		<div id="wrapper">
			<!--载入左侧公共部分-->
			<include file="__VIEW__/common/left.html" />
			
			<!--中间区域开始-->
			<div class="MyRight">
				<div class="ordertitle">
					<h3><span>我的资料</span></h3>
				</div>
		
				<ul class='title_header clearfix'>
					<li class='active'>基本资料</li>
					<!--<li>详细资料</li>-->
				</ul>
		
				<div class='container clearfix'>
		            <form action="{|U:'MyInfo/addData'}" method="post" enctype="multipart/form-data">
    					<div class="detail">
    						<div class="header_btn">
    							<label>
    								<input type="radio" name="image" id="" value="" />选择图像</label>
    							<label>
    								<input type="radio" name="image" id="" value="" />上传图像</label>
    						</div>
    						<ul class="imgs">
    							<li><img src="__STATIC__/Index/images/MyInfo/pic1.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic2.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic3.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic4.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic5.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic6.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic7.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic8.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic9.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic10.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic11.jpg" alt="" /></li>
    							<li><img src="__STATIC__/Index/images/MyInfo/pic12.jpg" alt="" /></li>
    						</ul>
    						<ul class="imgs" style="display: none;">
    							<li>
    								<input type="file" name="" value='上传文件' />
    							</li>
    							<li><img src="" alt="" width="300" height="300" /></li>
    						</ul>
    						<div class="Yc">
    						    <if value="$MyInfodata['uface']==''">
    							<div id="proImg">
    								<img src="__STATIC__/Index/images/MyInfo/vancl300.jpg" width="100px" alt="" />
    							</div>
    							<else/>
    							<div id="proImg">
                                    <img src="{$MyInfodata.uface}" width="100px" alt="" />    
                                </div>
    							</if>
    							<p>
    								设置个性化头像
    								<br />
    								展现你的与众不同!
    							</p>
    							<a href="javascript:;" id='img_btn'>
    									<img src="__STATIC__/Index/images/savebtn.jpg" alt="" />
    							</a>
    						</div>
    		
    						<table border="0" cellspacing="0" cellpadding="0">
    							<tr>
    								<td>*昵称</td>
    								<td>
    									<input type="" name="nickname" id="" value="{$MyInfodata.nickname}" />
    								</td>
    							</tr>
    							<tr>
    								<td>*性 别</td>
    								<td>
    									<label>
    										<input type="radio" name="sex" id="" value="男" class="sele" <if value="$MyInfodata['sex']=='男'">checked="checked"</if>/>男</label>
    									<label>
    										<input type="radio" name="sex" id="" value="女" class="sele" <if value="$MyInfodata['sex']=='女'">checked="checked"</if>/>女</label>
    								</td>
    							</tr>
    		
    							<tr>
    								<td>*出生日期</td>
    								<td>
    									<input type="" name="birthday" id="" value="{$MyInfodata.birthday}" />
    								</td>
    							</tr>
    							<tr>
    								<td>*详细地址</td>
    								<td>
    									<input type="" name="address" id="" value="{$MyInfodata.address}" />
    								</td>
    							</tr>
    							<tr>
    								<td>*电话</td>
    								<td>
    									<input type="" name="mobile" id="" value="{$MyInfodata.mobile}" />
    								</td>
    							</tr>
    							<tr>
    								<td></td>
    								<td>
    								    <input type="hidden" name="uface" id="uface" value="{$MyInfodata.uface}"/>
    									<input type="submit" value='' class='btn_submit' />
    									 
    								</td>
    							</tr>
    						</table>	
    					</div>
		            </form>
					<!--<div class="detail" style="display: none;">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td>婚姻状况:</td>
								<td>
									<select name="">
										<option value="">请选择</option>
										<option value="">已婚</option>
										<option value="" selected="selected">未婚</option>
										<option value="">单身</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>教育程度:</td>
								<td>
									<select name="">
										<option value="">高中及一下</option>
										<option value="">大专</option>
										<option value="">本科</option>
										<option value="">博士</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>从事职业:</td>
								<td>
									<select name="">
										<option value="">企业雇主/企业经营者</option>
										<option value="">高级行政人员</option>
										<option value="">中层管理人员</option>
										<option value="">办公室人员</option>
										<option value="">工人/蓝领</option>
										<option value="">军人</option>
										<option value="">学生</option>
										<option value="">自由职业者</option>
										<option value="">其他</option>
									</select>
								</td>
							</tr>
							<tr>
								<td>工作所属行业:</td>
								<td>
									<select name="">
										<option value=""></option>
									</select>
								</td>
							</tr>
							<tr>
								<td>月均收入:</td>
								<td>
									<select name="">
										<option value="">5000元以下</option>
										<option value="">5000-10000</option>
										<option value="">10000-30000</option>
										<option value="">30000-50000</option>
										<option value="">50000以上</option>
									</select>
								</td>
							</tr>
		
							<tr>
								<td>兴趣爱好:</td>
								<td>
									<textarea name="" rows="5" cols="30"></textarea>
								</td>
							</tr>
		
							<tr>
								<td>自我介绍:</td>
								<td>
									<textarea name="" rows="5" cols="30"></textarea>
								</td>
							</tr>
							<tr>
								<td></td>
								<td>
									<input type="submit" value="" class='btn_submit' />
								</td>
							</tr>
						</table>
		               
					</div>-->
		              
				</div>
			</div>
		</div>
		<!--中间区域结束-->

		<!--载入公共页面底部区域-->
		<include file="__VIEW__/common/foot.html" />

		<script type="text/javascript">
			$(function() {
				//选择图像
				$('.imgs li').click(function() {
						var src = $(this).find('img').attr('src');
						$('#proImg').find('img').attr('src', src);
						$('#uface').val(src);
					})
				$('#img_btn').click(function(){
				    var src = $('#proImg').find('img').attr('src');
				    $('#uface').val(src);   
				})
					//资料切换
				$('.title_header li').click(function() {
						var i = $(this).index();
						$(this).addClass('active').siblings('li').removeClass('active');
						$('.detail').eq(i).css({
							'display': 'block'
						}).siblings('.detail').css({
							'display': 'none'
						})
					})
					//上传类型选择
				$('.header_btn label').click(function() {
					var i = $(this).index();
					$('.imgs').eq(i).css('display', 'block').siblings('.imgs').css('display', 'none');
				})
			})
		</script>
		</head>

</html>